/* ::::: http://demo.ponjoh.com/Simpla-Admin/resources/css/reset.css ::::: */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0pt; padding: 0pt; border: 0pt none; outline: 0pt none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0pt none; }
body { line-height: 1; color: black; background: none repeat scroll 0% 0% white; }
table { border-collapse: separate; border-spacing: 0pt; }
caption, th, td { text-align: left; font-weight: normal; }
/* ::::: http://demo.ponjoh.com/Simpla-Admin/resources/css/style.css ::::: */

html { font-size: 100%; height: 100%; margin-bottom: 1px; }
body { font-family: Arial,Helvetica,sans-serif; color: rgb(85, 85, 85); background: url('../images/bg-body.gif') repeat-y scroll left top rgb(240, 240, 240); font-size: 12px; }
h1, h2, h3, h4, h5, h6 { font-family: Helvetica,Arial,sans-serif; color: rgb(34, 34, 34); font-weight: bold; }
h1 { font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 31px; font-weight: bold; color: rgb(255, 255, 255); position: absolute; top: -1000px; }
a { color: rgb(87, 160, 0); text-decoration: none; }
a:hover { color: rgb(0, 0, 0); }
a:active { color: rgb(119, 119, 119); }
a:focus { outline: 1px none; }
p { padding: 5px 0pt 10px; line-height: 1.6em; }
.clear { clear: both; }
.button { font-family: Verdana,Arial,sans-serif; display: inline-block; background: url('../images/bg-button-green.gif') repeat-x scroll left top rgb(69, 147, 0) ! important; border: 1px solid rgb(69, 147, 0) ! important; padding: 4px 7px ! important; color: rgb(255, 255, 255) ! important; font-size: 11px ! important; cursor: pointer; }
.button:hover { text-decoration: underline; }
.button:active { padding: 5px 7px 3px ! important; }
form label { display: block; padding: 0pt 0pt 10px; font-weight: bold; }
form input.text-input, form select, form textarea, form .wysiwyg { padding: 6px; font-size: 13px; background: url('../images/bg-form-field.gif') repeat-x scroll left top rgb(255, 255, 255); border: 1px solid rgb(213, 213, 213); color: rgb(51, 51, 51); }
form input[type="checkbox"], form input[type="radio"] { padding: 0pt; background: none repeat scroll 0% 0% transparent; border: 0pt none; }
.notification { position: relative; margin: 0pt 0pt 15px; padding: 0pt; border: 1px solid; background-position: 10px 11px ! important; background-repeat: no-repeat ! important; font-size: 13px; width: 99.8%; }
.information { background: url('../images/information.png') repeat scroll 0% 0% rgb(219, 227, 255); border-color: rgb(162, 180, 238); color: rgb(88, 91, 102); }
.notification div { display: block; font-style: normal; padding: 10px 10px 10px 36px; line-height: 1.5em; }
#login-wrapper #login-content .notification { border: 0pt none; background-color: rgb(20, 20, 20); color: rgb(255, 255, 255) ! important; }
body#login { color: rgb(255, 255, 255); background: url('../images/bg-login.gif') repeat scroll 0% 0% rgb(34, 34, 34); }
#login-wrapper { background: url('../images/bg-login-top.png') repeat-x scroll left top transparent; }
#login-wrapper #login-top { width: 100%; padding: 140px 0pt 50px; text-align: center; }
#login-wrapper #login-content { text-align: left; width: 300px; margin: 0pt auto; }
#login-wrapper #login-content label { color: rgb(255, 255, 255); font-weight: normal; font-size: 14px; font-family: Helvetica,Arial,sans-serif; float: left; width: 50px; padding: 0pt; }
#login-wrapper #login-content input { width: 220px; float: right; margin: 0pt 0pt 20px; border: 0pt none; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#login-wrapper #login-content p { padding: 0pt; }
#login-wrapper #login-content p#remember-password { float: right; }
#login-wrapper #login-content p#remember-password input { float: none; width: auto; border: 0pt none; background: none repeat scroll 0% 0% transparent; margin: 0pt 10px 0pt 0pt; }
#login-wrapper #login-content p .button { width: auto; margin-top: 20px; }
#facebox .b { background: url('../images/b.png') repeat scroll 0% 0% transparent; }
#facebox .tl { background: url('../images/tl.png') repeat scroll 0% 0% transparent; }
#facebox .tr { background: url('../images/tr.png') repeat scroll 0% 0% transparent; }
#facebox .bl { background: url('../images/bl.png') repeat scroll 0% 0% transparent; }
#facebox .br { background: url('../images/br.png') repeat scroll 0% 0% transparent; }
#facebox { position: absolute; top: 0pt; left: 0pt; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0pt none; padding: 0pt; }
#facebox .body { padding: 10px; background: none repeat scroll 0% 0% rgb(255, 255, 255); width: 370px; }
#facebox img { border: 0pt none; margin: 0pt; }
#facebox .footer { border-top: 1px solid rgb(221, 221, 221); padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0pt; }
/* ::::: http://demo.ponjoh.com/Simpla-Admin/resources/css/invalid.css ::::: */

.button, #main-content table tfoot td .bulk-actions select, .pagination a.number, form input.text-input, form textarea, form .wysiwyg, form select, .dp-popup { border-radius: 4px 4px 4px 4px; }
.content-box, .content-box-header, ul.content-box-tabs li a.current, .shortcut-button, .notification { border-radius: 6px 6px 6px 6px; }
